@charset "utf-8";
@import "init";
@import "common";


.container-fluid{
	
	.company{
		padding:90px 0 60px;
		h2{
			font-size: 36px;
			color: #2a2a2a;
		}
		p{
			margin-top: 36px;
			font-size: 21px;
			color: #2a2a2a;
		}
		.text{
			p{
				margin-top: 30px;
				font-size: 14px;
				color:#2a2a2a ;
				text-indent: 2em;
				line-height: 30px;
				text-align: justify;
			}
			.img_box{
				margin-top: 30px;
				width: 304px;
				height: 177px;
				overflow: hidden;
				img{
					width: 100%;
				}
			}
		}
	}
	
	.recruitment{
		padding:90px 0 60px;
		background-color: #8cc11f;
		h2{
			font-size: 36px;
			color:white;
			margin-bottom: 60px;
		}
		p{
			font-size: 16px;
			color: white;
			line-height: 25px;
		}
		span{
			display: block;
			width: 220px;
			height: 48px;
			background-color: white;
			border-radius: 10px;
			color: #8cc11f;
			font-size: 24px;
			text-align: center;
			line-height: 48px;
			margin-bottom: 10px;
		}
	}

	.development{
		
		.development_box{
			padding:121px 0 60px;
			border-bottom: 1px solid #d2d2d2;
			h2{
				font-size: 26px;
				color: #8cc11f;
				padding-bottom: 40px;
				margin: 0;
			}
			span{
				display: block;
				font-size: 18px;
				color: #2d2d2d;
			}
			p{
				font-size: 14px;
				color: #2d2d2d;
				text-indent: 2em;
				line-height: 30px;
			}
		}
		
		
	}

	.contact{
		padding: 43px 0 63px;
		background-color: #f4f4f4;
		h2{
			font-size: 36px;
			color: #2a2a2a;
			margin-bottom:30px;
		}
		.contact_box{
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			
			.text_box{
				width: 470px;
				height: 102px;
				background-color: white;
				border: 1px solid #e3e3e3;
				border-radius: 10px;
				
				margin-bottom:30px;
				
				.img_box{
					display: inline-block;
					width: 70px;
					height: 70px;
					overflow: hidden;
					margin-left: 20px;
					vertical-align: middle;
					margin-top:12px;
					img{
						width: 100%;
					}
				}
				span{
					display:inline-block;
					margin-top:12px;
					vertical-align: middle;
					font-size: 16px;
					color: #2a2a2a;
				}
				
			}
		}
	}


}
@media only screen and (min-width:768px) and (max-width:991px){
	.container-fluid{
		.navbar-default .navbar-nav:first-of-type li a{
				padding:15px 4px;
		}
	}
}
@media only screen and (min-width:320px) and (max-width:767px){
	.container-fluid{
		.company .text .img_box{
			width: 290px;
		}
		.contact .contact_box .text_box span{
			font-size: 11px;
			margin-top: 26px;
		}
		.contact .contact_box .text_box .img_box{
			width: 44px;
			height: 44px;
			margin-left: 6px;
			margin-top: 26px;
		}
	}
}